﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="../../../../lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../../css/site.css" />
</head>
<body>
    <form>
        <div class="form-group">
            <label for="userName">userName</label>
            <input type="text" class="form-control" id="userName" placeholder="uid">
        </div>
        <div class="form-group">
            <label for="password">password</label>
            <input type="password" class="form-control" id="password" placeholder="pwd">
        </div>
        <div class="form-group">
            <label for="remoteUrl">remoteGitUrl</label>
            <input type="text" class="form-control" id="remoteUrl" placeholder="url">
        </div>
        <br />
    </form>

    <script src="../../../../lib/jquery/dist/jquery.min.js"></script>
    <script src="../../../../lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

    <script>

        function getFormData() {
            return JSON.stringify({
                userName: $('#userName').val()
                , password: $('#password').val()
                , remoteUrl: $('#remoteUrl').val()
            });
        }
        function setFormData(dataStr) {
            var data = JSON.parse(dataStr);
            $('#userName').val(data.userName)
            $('#password').val(data.password)
            $('#remoteUrl').val(data.remoteUrl)
        }

    </script>
</body>
</html>